<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head th:replace="top::html" />
<body class="fixed hold-transition skin-blue">
    <div class="wrapper">
        <!-- Main Header -->
        <div th:replace="tophtml::html"></div>
        <div th:replace="left::html"></div>
        
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>
                    <span>添加项目</span>
                    <small>(<span style="color: red">*</span> 为必填项目)</small>
                </h1>
                <ol class="breadcrumb">
                    <li><a th:href="@{/index}"><i class="fa fa-dashboard"></i>用户中心</a></li>
                    <li><a th:href="@{/project/showQuery}"><i class="fa fa-dashboard"></i>项目管理</a></li>
                    <li><a href="">添加项目</a></li>
                </ol>
            </section>

            <!-- Main content -->
            <section class="content container-fluid">
                <form id="form1" th:action="@{/project/add}" method="POST" enctype="multipart/form-data">
                    <div class="form-group">
                        <label>项目名称</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${projectName}"></p>
                        <input type="text" class="form-control" name="projectName" required placeholder="Enter ...">
                    </div>
                    <div class="form-group">
                        <label>项目简介</label>
                        <textarea class="form-control" name="introduction" placeholder="Enter ..."></textarea>
                    </div>
                    <div class="form-group">
                        <label>项目关键字</label>
                        <input type="text" class="form-control" name="keyWords" placeholder="Enter ...">
                    </div>
                    <div class="form-group">
                        <label>项目持有人</label>
                        <input type="text" class="form-control" name="projectHolder" placeholder="多个用英文逗号分隔">
                    </div>
                    <div class="form-group">
                        <label>项目状态</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${projectStatus}"></p>
                        <select class="form-control" name="projectStatus">
                            <option th:each="psd : ${projectStatusDictiontryList}" th:value="${psd.pid}" th:text="${psd.worth}">网络资源</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>项目来源</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${sourceId}"></p>
                        <select class="form-control" name="sourceId">
                            <option th:each="psd : ${projecSourcetDictiontryList}" th:value="${psd.pid}" th:text="${psd.worth}">网络资源</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>来源备注</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${sourceRemark}"></p>
                        <input type="text" class="form-control" name="sourceRemark" required placeholder="Enter ...">
                    </div>
                    <div class="form-group">
                        <label>技术成熟度</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${technical}"></p>
                        <select class="form-control" name="technical">
                            <option th:each="list : ${technicalDictiontryList}" th:value="${list.pid}" th:text="${list.worth}">xxxxxx</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>项目需求类型</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${projectType}"></p>
                        <div class="checkbox" th:each="ptd : ${projectTypeDictiontryList}">
                            <label>
                                <input type="checkbox" name="projectType" th:value="${ptd.names}" th:text="${ptd.worth}" required> 
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>所属领域</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${researchField}"></p>
                        <div class="checkbox" th:each="rfd : ${researchFieldDictiontryList}">
                            <label>
                                <input type="checkbox" name="researchField" th:value="${rfd.names}" th:text="${rfd.worth}" required>
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>国内国外</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${domesticOrForeign}"></p>
                        <div class="radio">
                            <label>
                                <input type="radio" name="domesticOrForeign" id="optionsRadios1" value="0" checked> 国内
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="domesticOrForeign" id="optionsRadios2" value="1"> 国外
                            </label>
                        </div>
                    </div>
                    <div class="form-group form-country">
                        <label>国家</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${area}"></p>
                        <select class="form-control form-area">
                            <option value="-1">--选择国家--</option>
                            <option th:each="list:${countryDictiontryList}" th:value="${list.pid}" th:text="${list.worth}"></option>
                        </select>
                    </div>
                    <!-- 选择国内必须选地区 -->
                    <div class="form-group form-area">
                        <label>省</label>
                        <span style="color: red">*</span>
                        <p style="color: red;" th:text="${area}"></p>
                        <select class="form-control form-area" id="provinceId">
                            <option value="-1">--选择省--</option>
                            <option th:each="list:${provinceDictiontryList}" th:value="${list.names}" th:text="${list.worth}"></option>
                        </select>
                    </div>
                    <div class="form-group form-area">
                        <label>市</label>
                        <select class="form-control form-area" id="cityId">
                            <option value="-1">--选择市--</option>
                        </select>
                    </div>
                    <div class="form-group form-area">
                        <label>区</label>
                        <select class="form-control form-area" id="areaId">
                            <option value="-1">--选择区--</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>附件</label>
                        <input type="file" name="file">
                    </div>
                    <div class="form-group">
                        <label>项目需求</label>
                        <textarea class="form-control" name="projectRequirements" placeholder="Enter ..."></textarea>
                    </div>
                    <div class="form-group">
                        <label>市场前景</label>
                        <textarea class="form-control" name="marketProspect" placeholder="Enter ..."></textarea>
                    </div>
                    <div class="form-group">
                        <label>备注1</label>
                        <input type="text" class="form-control" name="remark1" placeholder="Enter ...">
                    </div>
                    <div class="form-group">
                        <label>备注2</label>
                        <input type="text" class="form-control" name="remark2" placeholder="Enter ...">
                    </div>

                    <div class="box-footer">
                        <button type="submit" class="btn btn-primary">提交</button>
                        <button type="reset" class="btn btn-primary">重置</button>
                        <button type="button" class="btn btn-primary" onclick="window.history.go(-1)">返回</button>
                    </div>
                </form>
            </section>
        </div>

        <!-- Main Footer -->
        <div th:replace="footer::html"></div>
        <div class="control-sidebar-bg"></div>
    </div>
    <div th:replace="bottom::html" ></div>
</body>

</html>